<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      xmlns:xi="http://www.w3.org/2001/XInclude"
      py:strip="">

<xi:include href="sitetemplate.html"><xi:fallback/></xi:include>

<head py:match="head" py:attrs="select('@*')">
    <title py:replace="''">Your title goes here</title>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
    <script type="text/javascript" src="/tg_js/MochiKit.js"></script>
    <script type="text/javascript" src="/static/javascript/jquery_compressed.js"></script>
    <script type="text/javascript" src="/static/javascript/jqueryTest.js"></script>
    <script type="text/javascript" src="/static/javascript/master.js"></script>
    <script type="text/javascript" src="/static/javascript/project.js"></script>
    <script type="text/javascript" src="/static/javascript/note.js"></script>
    <script type="text/javascript" src="/static/javascript/action.js"></script>
    <script type="text/javascript" src="/static/javascript/property.js"></script>
    <script type="text/javascript" src="/static/javascript/interface.js"></script>
    <meta py:replace="select('*')"/>

    <link rel="stylesheet" href="/static/css/layout.css" type="text/css"></link>
    <link rel="stylesheet" href="/static/css/highlight.css" type="text/css"></link>

</head>
<body py:match="body" py:attrs="select('@*')">

  <div id="header">
    <div style="position: absolute;right: 90px;">
      <a href="/"><img src="/static/images/home.gif" title="home"/></a>
    </div>
    <div style="position: absolute;right: 70px;">
            <a href="/forward?template=kaizen.templates.viewSettings"><img src="/static/images/settings.png" title="settings"/></a>
          </div>
    <div style="position: absolute;right: 50px;">
            <a href="#" onclick="toggle('about')"><img src="/static/images/about.gif" title="about"/></a>
          </div>
          <!-- hidden until about-button is clicked -->
          <div id="about" class="about" style="display: none;">
            <div>
              <label>About</label>
              <p>kaizen v.xx, 2006</p>
              <p>Icons by <a href="http://www.famfamfam.com">Mark James</a></p>
              <p><a href="http://www.textism.com/tools/textile/">Textile formatting</a></p>
        <p>[<a href="#" onclick="toggle('about');">Close</a>]</p>
            </div>
          </div>
  </div>

  <div id="leftcol">

    <label>Projects</label><a href="#" id="show_projects" onclick="$('#project_list').SlideToggleUp(500);"><img src="/static/images/rankDown.gif" title="expand/shrink"/></a>
    <a href="/forward?template=kaizen.templates.createProject">
      <img src="/static/images/new.gif" title="new"/>
    </a>

    <div id="project_list" class="menu">
      <ul>
        <py:for each="project in tg.projects">
           <li><a href="/project/view?id=${project.id}" id="project_${project.id}">${project.title}</a></li>
        </py:for>
      </ul>
    </div>

    <br/>

    <div>
      &nbsp;
    </div>

    <label>Contexts</label> <a href="#" id="show_contexts" onclick="$('#context_list').SlideToggleUp(500);"><img src="/static/images/rankDown.gif" title="expand/shrink"/></a>
    <a href="/forward?template=kaizen.templates.createContext">
      <img src="/static/images/new.gif" title="new"/>
    </a>
    <div id="context_list" class="menu">
      <ul>
        <py:for each="context in tg.contexts">
            <li><a href="/context/view?id=${context.id}">${context.title}</a></li>
        </py:for>
      </ul>
    </div>

    <br/>

    <div>
      &nbsp;
    </div>
    <label>Notes</label> <a href="#" id="show_notes" onclick="$('#notes_list').SlideToggleUp(500);"><img src="/static/images/rankDown.gif" title="expand/shrink"/></a>
    <a href="/forward?template=kaizen.templates.createNote">
      <img src="/static/images/new.gif" title="new"/>
    </a>
    <div id="notes_list" style="display: none;" class="menu">
      <ul>
        <py:for each="note in tg.notes">
            <li><a href="/note/view?id=${note.id}">${note.title}</a></li>
        </py:for>
      </ul>
    </div>

    <br/>
    <a href="/review/view">Review</a>
    <br/>
    <label style="font-size: 10px;">Closed Projects</label><a href="#" id="show_projects" onclick="$('#closed_project_list').SlideToggleUp(500);"><img src="/static/images/rankDown.gif" title="expand/shrink"/></a>
    <div id="closed_project_list" style="display: none;" class="menu">
      <ul>
        <py:for each="project in tg.closedProjects">
           <li><a href="/project/view?id=${project.id}">${project.title}</a></li>
        </py:for>
      </ul>
    </div>

    <br/>

  </div> <!-- left col ends -->

  <div id="content" style="border: 1px solid #eee;">
      <div py:if="tg_flash" class="flash" py:content="tg_flash"></div>

      <div py:replace="select('*|text()')"/>

  </div> <!-- center ends -->

  <div id="rightcol">


    <label>History</label><a href="#" id="show_history" onclick="toggle('history_list'); return false;"><img src="/static/images/rankDown.gif" title="expand/shrink"/></a>
    <div id="history_list" style="display: none;white-space: nowrap;" class="menu">
          <ul>

           <py:for each="item in tg.history">
             <li>
               <a py:if="item.type is 2" href="/action/view?id=${item.id}&amp;previousPage=kaizen.templates.welcome" title="modified: ${item.modified}" >${item.title[:12]} (A)</a>
               <a py:if="item.type is 1" href="/project/view?id=${item.id}&amp;previousPage=kaizen.templates.welcome" title="modified: ${item.modified}">${item.title[:12]} (P)</a>
               <a py:if="item.type is 3" href="/note/view?id=${item.id}&amp;previousPage=kaizen.templates.welcome" title="modified: ${item.modified}">${item.title[:12]} (N)</a>
             </li>
           </py:for>
   </ul>
    </div>

  </div> <!-- right col ends -->


  <div id="footer">
      <p align="center"><img src="/static/images/logo.png"/></p>
  </div>
</body>

</html>

